<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="./assets/flexible.js?t=1532848854086"></script> -->
    <script>
        !function(e,t){function n(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}function d(){var e=i.clientWidth/10;i.style.fontSize=e+"px"}var i=t.documentElement,o=e.devicePixelRatio||1;if(n(),d(),e.addEventListener("resize",d),e.addEventListener("pageshow",function(e){e.persisted&&d()}),o>=2){var a=t.createElement("body"),s=t.createElement("div");s.style.border=".5px solid transparent",a.appendChild(s),i.appendChild(a),1===s.offsetHeight&&i.classList.add("hairlines"),i.removeChild(a)}}(window,document);
    </script>
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>雅尊会</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./assets/mobileSelect.css?t=1532848854086">
    <link rel="stylesheet" href="./css/recommend_content.css?t=1532848854086">
</head>

<body>

    <div id="body-container" v-cloak>
        <div class="body-bg"></div>
        <div class="form-container">
            <div class="form-item">
                <div class="icon name-icon"></div>
                <div class="title">亲属姓名</div>
                <div class="input-container">
                    <input type="text" class="input-style" v-model="name">
                </div>
            </div>
            <div class="form-item">
                <div class="icon type-icon"></div>
                <div class="title">证件类型</div>
                <div class="input-container type-container" id="type-container">
                    <div class="type-body">{{idText.value}}</div>
                    <i class="type-container-icon"></i>
                </div>
            </div>
            <div class="form-item ">
                <div class="icon id-icon"></div>
                <div class="title">证件号码</div>
                <div class="input-container">
                    <input type="text" class="input-style" v-model="idCode">
                </div>
            </div>
            <div class="form-item">
                <div class="icon relatives-icon"></div>
                <div class="title">亲属关系</div>
                <div class="input-container type-container" id="relatives-container">

                    <div class="type-body">{{relativesText}}</div>
                    <i class="type-container-icon"></i>
                </div>
            </div>
            
        </div>


        <div class="button binding-button" @click="postData">确认提交</div>
    </div>


    <script src="./assets/recommend_content.base.min.js?t=1532848854086"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js?t=1532848854086"></script> 
    <script src="./js/recommend_content.js?t=1532848854086"></script>

</body>

</html>